<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<script type="text/javascript" src="../res/date/date.js"></script>

<!--[if IE]><script type="text/javascript" src="../res/js/jquery.bgiframe.js"></script><![endif]-->

<script type="text/javascript" src="../res/date/jquery.datePicker.js"></script>

<link rel="stylesheet" type="text/css" href="../res/date/datePicker.css" />

<script type="text/javascript">
        Date.firstDayOfWeek = 0;
        Date.format = 'yyyy-mm-dd';
        $(function() {
            $('.date-pick').datePicker({ clickInput: true, createButton: false, startDate: new Date().addDays(-365).asString(), endDate: new Date().asString() });
            $("tbody tr").click(function() {
                OnSelect($(this));
            });
        });
    </script>
<div id="wrapper">
	<div class="content">
		<div class="infowrap">
			<div class="infobox">
				<h3>
					<span><s:text name="project.page.querytitle" /></span>
				</h3>
				<form action="settlement.do" method="post">
					<p class="youhave">
						<s:textfield name="fromDate" id="fromDate" cssClass="date-pick"
							cols="10" />
						&nbsp;-&nbsp;
						<s:textfield name="toDate" id="toDate" cssClass="date-pick"
							cols="10" />
						&nbsp;&nbsp;
						<s:submit name="btnQuery" key="project.page.query" />
						&nbsp;&nbsp;
						<s:actionmessage />
					</p>
				</form>
			</div>
		</div>
		<div class="infowrap">
			<div class="infobox1" style="width: 40%">
				<h3>
					<s:text name="manage.settlement.title" />
				</h3>
				<table>
					<thead>
						<tr>
							<th><s:text name="manage.settlement.table.type" /></th>
							<th><s:text name="manage.settlement.table.ammount" /></th>
							<th><s:text name="project.page.viewdetail" /></th>
						</tr>
					</thead>
					<tbody>
						<s:iterator value="feeFlowList" id="feeFlowList" status="u">
							<tr>
								<td style='text-align: left;'><s:property
										value="feeFlowTypeDesc" /></td>
								<td><s:text name="format.money">
										<s:param value="feeFlowChanged" />
									</s:text></td>
								<td style="text-align: center;"><input type="button"
									onclick="GetFlowDetail('<s:property value="feeFlowTypeDesc"/>',<s:property value="feeFlowTypeSid"/>,'<s:property value="fromDate"/>','<s:property value="toDate
									"/>');"
									value="<s:text name="project.page.viewdetail" />" /></td>
							</tr>
						</s:iterator>
						<tr class="r1">
							<td style='text-align: left;'><s:text
									name="manage.settlement.table.type.total" /></td>
							<td><s:text name="format.money">
									<s:param value="total"></s:param>
								</s:text></td>
					</tbody>
				</table>

			</div>
			<div class="infobox1 margin-left" style="width: 58%; display: none;"
				id="loading_img"></div>
		</div>
	</div>
</div>